
<!DOCTYPE html>
<html>

<head>
	<title>Gallery</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 0.20" />
	<link href="gallery.css" type="text/css" rel="stylesheet">
	<script src="jquery.js"></script>
	<script src="custom.js"></script>
</head>

<body>
	<div id="popopen_wrap">
		<div id="img_holder_bg" >
		</div>
			<div id="img_holder"><img src="" id="maximised" width='600' height='400'></div>
	</div>
	<div id="ribbon_wrap">
		<div id='ribbon'>
			<ul id='list'>
				<li><img id="thumbnail" class="first" src="cal.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="china.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="egypt.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="pyramid.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="rio.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="some.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" src="taj.jpg" width='150' height='150' ></li>
				<li><img id="thumbnail" class="last" src="taj_m.jpg" width='150' height='150' ></li>
				</ul>
				</div>
				</div>

</body>

</html>
